<div id="system" (contextmenu)="goBack($event)" (keydown)="getKey($event)" tabindex="1" (focus)="getFocus()">
<!--<div id="system">-->
  <header id="content-header">
    <div class="head-logo" (click)="getKey($event, 1)">
      <img [class.logo]="logoTitle" [src]="companyLogo"/>
    </div>
    <div class="head-nav" *ngFor="let head of headList">
      <div class="head-top" *ngFor="let i of head.titleData">
        <p>{{ i.lable }}</p>
        <b>{{ titleData[i['feild']] }}</b>
      </div>
    </div>
    <!-- 时间显示 -->
    <div class="todaytimes">
      <p>{{ dateTimes[0] }}</p>
      <p>{{ dateTimes[1] }}</p>
      <p>{{ dateTimes[2] }}</p>
      <p>{{ dateTimes[3] }}</p>
      <p>年</p>
      <p>{{ dateTimes[4] }}</p>
      <p>{{ dateTimes[5] }}</p>
      <p>月</p>
      <p>{{ dateTimes[6] }}</p>
      <p>{{ dateTimes[7] }}</p>
      <p>日</p>

      <p> - </p>

      <p>{{ dateMonths[0] }}</p>
      <p>{{ dateMonths[1] }}</p>
      <p>时</p>
      <p>{{ dateMonths[2] }}</p>
      <p>{{ dateMonths[3] }}</p>
      <p>分</p>
      <p>{{ dateMonths[4] }}</p>
      <p>{{ dateMonths[5] }}</p>
      <p>秒</p>
    </div>
  </header>

  <div id="content-box">
    <div id="flexCon">
      <div class="flex-row flex-cell-a">
        <div class="flex-cell flex-cell-ar">
          <div class="chart-wrapper">
            <div class="chart-table">
              <purchase-table [parmas]="reportList[0]" [companyId]="companyData"></purchase-table>
            </div>
          </div>
        </div>
        <div class="flex-cell flex-cell-al margin-l">
          <div class="chart-wrapper">
            <div class="title-table">
              <div class="chart-table" *ngFor="let data of reportOneList">
                <purchase-table [parmas]="data" [companyId]="companyData"></purchase-table>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="flex-row flex-cell-b margin-t">
        <div class="chart-wrapper">
          <div class="title-table ptb">
            <div *ngFor="let data of conterList" class="chart-table {{data.flex}}">
              <purchase-table [parmas]="data" [companyId]="companyData"></purchase-table>
            </div>
          </div>
        </div>
      </div>

      <div class="flex-row flex-cell-c margin-t">
        <div *ngFor="let data of contList" class="flex-cell-{{data.background}} flex-cell {{data.flex}}">
          <div class="chart-wrapper">
            <div class="title-table">
              <div class="chart-table">
                <purchase-table [parmas]="data" [companyId]="companyData"></purchase-table>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="flex-row flex-cell-d margin-t">
        <div class="chart-wrapper">
          <div class="title-table pt">
            <div class="chart-table" *ngFor="let data of footerList"
                 [ngStyle]="{ width: data.titleWidth }">
              <purchase-table [parmas]="data" [companyId]="companyData"></purchase-table>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--<div class="main-copy">-->
      <!--Copyright-->
      <!--<i class="anticon anticon-copyright"></i>-->
      <!--{{year}} 本系统由猿猿软件提供技术支持-->
    <!--</div>-->
  </div>
  <company-modal (paramsOut)="changeCompany($event)"></company-modal>
</div>


